<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>秒杀列表</title>
    <%@include file="common/head.jsp" %>
</head>
<body>
<nav class="navbar navbar-default">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <p class="navbar-text">详情</p>
        </div>
    </div><!-- /.container-fluid -->
</nav>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <p class="text-center" id="userPhone"></p>
                <p class="text-center"><a href="#" id="logout">登出</a></p>
                <h3 id="seckill-count-down"></h3>
            </div>
        </div>
    </div>

<%--  模态框 --%>

<div id="killPhoneModal" class="modal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Modal title</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label for="recipient-name" class="control-label">手机号码</label>
                    <input id="killPhoneKey" type="text" class="form-control" name="killPhone" id="recipient-name">
                </div>
            </div>
            <div class="modal-footer">
                <span id="errorMessage"></span>
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" id="killPhoneBtn">Save changes</button>
            </div>
        </div>
    </div>
</div>
</body>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<%--jQuery Cookie操作插件--%>
<script src="http://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<%-- 倒计时插件 --%>
<script src="http://cdn.bootcss.com/jquery.countdown/2.1.0/jquery.countdown.min.js"></script>
<script src="/resources/js/seckill.js"></script>
<script>
    $(function () {
        goods.detail.init({
            goodId:${product.id},
            startTime:${product.startTime.time},
            endTime:${product.endTime.time}
        });
    });
</script>
</html>
